<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/css/animate.min.css">
    <link rel="stylesheet" href="../static/css/style.min.css">
    <style media="screen">
        .nav>li.active {
            border-left: 0;
            color: white;
            background: #5cb85c;
        }

        .btn-list {
            padding-bottom: : 15px;
        }

        .btn-list a {
            float: right;
        }
    </style>
</head>

<body>
    <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
        <div class="navbar-header">
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="../index.html" class="navbar-brand">这是LOGO</a>
        </div>
        <nav id="bs-navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="idea.html" class="btn btn-link">构想</a></li>
                <li class="active"><a href="project.html" class="btn btn-link">课题</a></li>
                <li><a href="data.html" class="btn btn-link">数据</a></li>
                <li><a href="group.html" class="btn btn-link">团队</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="javascript://" class="btn btn-link">范维明</a></li>
            </ul>
        </nav>
    </header>
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <h2>课题</h2>
                    <table class="table table-hover">
                        <tbody>
                            <tr>
                                <td class="project-status">
                                    <span class="label label-primary">进行中
                                                    </span></td>
                                <td class="project-title">
                                    <a href="project_detail.html">LIKE－一款能够让用户快速获得认同感的兴趣社交应用</a>
                                    <br>
                                    <small>创建于 2014.08.15</small>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 48%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 48%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-people">
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a3.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a1.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a2.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a4.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a5.jpg"></a>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-pencil"></i> 编辑 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="project-status">
                                    <span class="label label-default">已取消
                                                    </span></td>
                                <td class="project-title">
                                    <a href="project_detail.html">商家与购物用户的交互试衣应用</a>
                                    <br>
                                    <small>创建于 2014.08.15</small>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 8%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 8%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-people">
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a5.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a3.jpg"></a>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-pencil"></i> 编辑 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="project-status">
                                    <span class="label label-primary">进行中
                                                    </span></td>
                                <td class="project-title">
                                    <a href="project_detail.html">快狗家居</a>
                                    <br>
                                    <small>创建于 2014.08.15</small>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 28%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 28%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-people">
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a7.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a6.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a3.jpg"></a>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-pencil"></i> 编辑 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="project-status">
                                    <span class="label label-default">已取消
                                                    </span></td>
                                <td class="project-title">
                                    <a href="project_detail.html">线下超市+线上商城+物流配送互联系统</a>
                                    <br>
                                    <small>创建于 2014.08.15</small>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 8%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 8%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-people">
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a5.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a3.jpg"></a>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-pencil"></i> 编辑 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="project-status">
                                    <span class="label label-primary">进行中
                                                    </span></td>
                                <td class="project-title">
                                    <a href="project_detail.html">P司机汽车省钱专家</a>
                                    <br>
                                    <small>创建于 2014.08.15</small>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 83%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 83%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-people">
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a2.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a3.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a1.jpg"></a>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-pencil"></i> 编辑 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="project-status">
                                    <span class="label label-primary">进行中
                                                    </span></td>
                                <td class="project-title">
                                    <a href="project_detail.html">左左 靠谱男同交友</a>
                                    <br>
                                    <small>创建于 2014.08.15</small>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 97%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 97%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-people">
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a4.jpg"></a>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-pencil"></i> 编辑 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="project-status">
                                    <span class="label label-primary">进行中
                                                    </span></td>
                                <td class="project-title">
                                    <a href="project_detail.html">程序员私活圈</a>
                                    <br>
                                    <small>创建于 2014.08.15</small>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 28%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 28%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-people">
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a7.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a6.jpg"></a>
                                    <a href="projects.html"><img alt="image" class="img-circle" src="../static/img/a3.jpg"></a>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-pencil"></i> 编辑 </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-4">
                    <h2>公开热门课题</h2>
                    <table class="table table-hover">
                        <tbody>
                            <tr>
                                <td class="project-title">
                                    <a href="project_detail.html">LIKE</a>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 48%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 48%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="project-title">
                                    <a href="project_detail.html">LIKE</a>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 48%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 48%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="project-title">
                                    <a href="project_detail.html">LIKE</a>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 48%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 48%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="project-title">
                                    <a href="project_detail.html">LIKE</a>
                                </td>
                                <td class="project-completion">
                                    <small>当前进度： 48%</small>
                                    <div class="progress progress-mini">
                                        <div style="width: 48%;" class="progress-bar"></div>
                                    </div>
                                </td>
                                <td class="project-actions">
                                    <a href="project-detail.html" class="btn btn-white btn-sm"><i class="fa fa-folder"></i> 查看 </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
